


// 用户注册   收集表单数据并校验   提交数据
document.querySelector('#btn-register').addEventListener('click',async () => {
  // 收集表单数据
  const form = document.querySelector('.register-form')
  const data = serialize(form, { hash: true, empty: true })
  // console.log(data)

  // 非空校验
  const { username, password } = data
  if (username === '' || password === '') {
    showToast('用户名和密码不能为空')
    return
  }
  // 用户名 密码长度校验
  if (username.length  < 8 || username.length > 30) {
    showToast('用户名字符长度 8~30')
    return
  }
  if (password.length < 6 || password.length > 30) {
    showToast('密码字符长度 6~30')
    return
  }
  try { 
    // 提交数据
    const res = await axios.post('/register', { username,password })
    // console.log(res)
    showToast(res.message)
  } catch (error) {
    console.dir(error)
    showToast(error.response.data.message)
  }
})

